<template>
	<title-bar title='申请中'></title-bar>
	<div class="detail">
		<div class="apart-panel">
			<ul class="panel-body">
			     <li class="item" v-for='member in memberApplys'>
			      <img class="avatar" :src="member.memberAvatarUrl | avatar " alt="avatar">
			      <div class="info">
			         <h4 class="name">{{member.memberRemarkName | nickname}}</h4>
			          <p class="desc">{{member.memberRemarkInfo | info}}</p>
			      </div>
			    </li>
			</ul>
		</div>
	</div>
</template>

<script>
	import TitleBar from '../components/TitleBar'
	import { PostServiceClass } from '../../services/post.js'
	const post = new PostServiceClass()
	export default {
		components:{},
		data(){
			return {
				memberApplys:[]
			}
		},
		route:{
			activate(){
				this.memberApplys = []

			},
			data({to:{ params :{ postId }}}){
				this.getItem(postId)

			}
		},
		methods:{
			async getItem(postId) {
            let data = await post.GetAsync(postId)
           	this.memberApplys = data.memberApplys
        	}
		}
	}

</script>
<style lang='sass'>
.detail{
	width: 100;
	margin: 48px auto 0;
	padding: 0 2%;
}
</style>
